<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>站酷</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- header部分 -->
    <div class="header">

    </div>
    <!-- bannner部分 -->
    <div class="banner">

    </div>
    <!-- mainbody-1部分 -->
    <div class="mainbody-1">

    </div>
    <!-- mainbody-2部分 -->
    <div class="mainbody-2">
        <div class="content">
            <div class="mainbody-2-body">
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k1.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">太阳神高复古感系列大片</p>
                        <p>服装-其他服装</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">4564</span>
                            <span><img src="img/k评论.png" alt="">8</span>
                            <span><img src="img/k推荐.png" alt="">80</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k2.jpg" alt="">
                            女包设计师周...
                        </span>
                        <span class="active">1天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k3.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">被一只鸡记仇是什么体验？</p>
                        <p>动漫-中/长篇漫画</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">2.5万</span>
                            <span><img src="img/k评论.png" alt="">176</span>
                            <span><img src="img/k推荐.png" alt="">1403</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k4.jpg" alt="">
                            郭九二
                        </span>
                        <span class="active">2天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k5.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">三维动画短片《怎的不见...</p>
                        <p>三维-动画/影视</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">1.2万</span>
                            <span><img src="img/k评论.png" alt="">34</span>
                            <span><img src="img/k推荐.png" alt="">493</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k6.jpg" alt="">
                            秋夜日暮
                        </span>
                        <span class="active">2天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k7.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">《花开花落》</p>
                        <p>插画-插画习作</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">7926</span>
                            <span><img src="img/k评论.png" alt="">16</span>
                            <span><img src="img/k推荐.png" alt="">351</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k8.jpg" alt="">
                            狐狸狐狸鱼
                        </span>
                        <span class="active">3天前</span>
                    </div>
                </div>
                <div class="mainbody-2-box">
                    <div class="mainbody-2-img">
                        <img src="img/k9.jpg" alt="">
                    </div>
                    <div class="mainbody-2-info">
                        <p class="active">山南水北，一路相随。520</p>
                        <p>摄影-风光</p>
                        <div class="mainbody-2-info-item">
                            <span><img src="img/k人气.png" alt="">5398</span>
                            <span><img src="img/k评论.png" alt="">21</span>
                            <span><img src="img/k推荐.png" alt="">315</span>
                        </div>
                    </div>
                    <div class="mainbody-2-item">
                        <span class="red"><img src="img/k10.jpg" alt="">
                            陈帆fotochen
                        </span>
                        <span class="active">3天前</span>
                    </div>
                </div>
            </div>
            <div class="mainbody-2-pageturning">
                <a href="" class="active">1</a>
                <a href="">2</a>
                <a href="">3</a>
                <a href="">4</a>
                <a href="">5</a>
                <a href="">6</a>
                <a href="">7</a>
                <a href="">...</a>
                <a href="">99</a>
                <a href="">100</a>
                <a href="">></a>
            </div>
        </div>
    </div>
    <!-- footer-1部分 -->
    <div class="footer-1">
        <div class="content">
            <div class="footer-1-wrapper">
                <div class="footer-1-left">
                    <ul>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <img src="./img/手机图标.png" alt="">
                                    <p>移动版</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                            <div class="footer-1-box">
                                <p>关于我们</p>
                            </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>用户协议</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>隐私政策</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>侵权申诉</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>企业服务</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>帮助中心</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>联系我们</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>中文</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="footer-1-box">
                                    <p>English</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-1-right">
                    <ul>                        
                            <li>
                                <img src="./img/微信图标.png" alt="">
                            </li>
                       
                        
                            <li>
                                <img src="./img/微博图标.png" alt="">
                            </li>
                       
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- footer-2部分 -->
    <div class="footer-2">

    </div>
</body>
</html>